/* CSS Document */
*{ margin:0; padding:0; color:#000; text-decoration:none; list-style:none; font-size:14px; font-style:normal; font-family:"lato-regular","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei","黑体",sans-serif;}
*,*::before, *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button[type="button"]{ border:none;}
a:hover{ color:#39F;}

.location {height:50px; line-height:50px; padding:0 10px; font-size:16px;}
.location .puleft{ float:left; width:50%;}
.location .puright{ float:right; width:50%; text-align:right;}
.search_group{display:inline-block;position:relative}
.search_group input{line-height:1.8em;border:1px solid #e6e6e6;padding-left:5px;padding-right:20px}
.search_group i{position:absolute;right:5px;color:#999;top:17px}

.list-inline{padding-left:0;list-style:none;margin-left:-5px}
.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}

.fullscreen .in{ display:none;}
.fullscreen-show .on{ display:none;}
.fullscreen-show .in{ display:block;}

.content{ height:100%; width:100%; overflow:hidden; position:relative; background:#4d4945;}
.divWrap{ height:100%; width:100%; position:absolute; z-index:1;left:0;top:0; overflow:hidden; pointer-events:all; cursor:grab; background: url(/assets/jiapu/images/tree-bg.png);} 

.content-tree-box{}

.add-figure-box{}
.add-figure-box-bg{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:9;}
.add-figure-box-txt{ width:200px; height:300px; position:absolute; z-index:10; top:10%; left:50%; margin:	0px 0 0px -100px;}
.ico-closed{ width:20px; height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#FFF; font-family:"宋体"; cursor:pointer; text-align:center; position:absolute; right:-10px; top:-10px;}
.add-figure-box-txt ul{ width:200px; padding-top:20px; margin-right:-20px; overflow:hidden;}
.add-figure-box-txt ul li{ line-height:30px;}
.add-figure-box-txt .name{ width:80px; height:40px; line-height:40px; float:left; text-align:center; color:#666; margin:0 20px 10px 0; cursor:pointer;}

.name-boy{ background-color:#a7cbca;}
.name-boy:hover{ background-color:#7aa39f;}
.name-girl{background-color:#dfa296;}
.name-girl:hover{ background-color:#e67873;}
.name-disabled{ background-color:#b3b3b3; cursor:not-allowed;}
.name-disabled:hover{ background-color:#b3b3b3;}

.sub-menu-box{ background-color:#fff; border:1px solid #cccccc; bottom:0; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.16); left:-335px; min-height:320px; overflow:auto; position:absolute; top:0; transition:left 0.25s ease 0s; width:320px; z-index:6;}
.sub-menu-box-info{ display:inline-block; max-width:320px; position:relative; width:100%;}

.i-closed{ color:#000; font-weight:bold; font-family:"宋体"; cursor:pointer; text-align:right; position:absolute; padding:10px; right:0px; top:0px;}

.smbi-top{ background:#f7f7f7; padding:15px; overflow:hidden;}

.media-img{ width:80px; height:80px; overflow:hidden; margin-right:10px; background:#a7cbca; float:left;}
.media-img img{ display:block; width:100%;}

.media-txt a{ font-size:16px; font-weight:bold; display:inline-block; float:left; padding-right:10px; height:25px; line-height:25px; overflow:hidden; max-width:60%; }
.media-txt .edit-btn{ border-radius:2px; width:15px; height:15px; line-height:14px; text-align:center; display:inline-block; vertical-align:middle; border:1px 
solid #333; color:#333; cursor:pointer; font-size:12px;}
.media-txt p{ height:40px; line-height:20px; font-size:12px; color:#333; margin-top:8px; overflow:hidden;}
.media-txt p span{ font-size:12px; color:#333;}
.smbi-tab{ position:relative; clear:both; background:#FFF;}
.smbi-tab .item{ float:left; width:50%;}
.cont_item .fwb {    font-weight: bold;}
.smbi-tab .cont_item p{ margin-top:5px;}
.smbi-tab .item .title{ background:#F7F7F7; border-bottom:1px solid #39f; display:block; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.smbi-tab .item .cont_item{ display:none; background:#FFF; position:absolute; width:100%; height:100%; left:0px; top:40px;}
.smbi-tab .item .cont_item .tab_pane{ padding:15px;}
.smbi-tab .item.seleced-cur { background:#FFF;}
.smbi-tab .item.seleced-cur .title{ border-style:solid; border-color:#39f; border-width:3px 1px 0px 1px; line-height:34px; background:#FFF;}
.smbi-tab .item.seleced-cur .cont_item{ display:block;}

.not-data{ text-align:center; color:#333; font-size:12px;}

.container{ width:100px; height:150px; position:absolute;}
.container.hover ,.container.hover .ctr-figure{ background-color:Orange;}
.person-frame-male.hover .ctr-figure-image,person-frame-female.hover .ctr-figure-image { background-color:Orange;}
.person-frame-male.hover .ctr-figure-name,person-frame-female.hover .ctr-figure-name  { background-color:Orange;}

.container.container-show .ctr-info{ display:block;}
.ctr-figure{ width:100px; height:150px; overflow:hidden; position:relative;}
.ctr-figure-image{ display:block; height:100px; width:100px; background-color:#FFF; overflow:hidden; position:relative;}
.ctr-figure-image .ctg-bg,
.ctr-figure-image .click-bg{ display:block; height:100px; width:100px; background-color:rgba(255,255,255,.0); overflow:hidden; position:absolute; top:0; left:0; z-index:2;}
.ctr-figure-image .click-bg{ display:none;}

.ctr-figure-image img{ width:100%; display:block;}
.ctr-figure-name{ height:30px; line-height:30px; overflow:hidden; text-align:center; background-color:#FFF; font-size:12px;}
.ctr-figure-more{ position:absolute; z-index:2; bottom:5px; left:50%; width:30px; margin:0 0 0 -15px; height:30px; line-height:30px; font-size:14px; font-weight:bold; overflow:hidden; text-align:center; cursor:pointer;}
.ctr-figure-more-bg{ width:0; height:0; line-height:0; font-size:0; border-style:solid; border-width:16px; border-color:#fff transparent transparent transparent; position:absolute; z-index:1; bottom:-8px; left:50%; margin:0 0 0 -16px}
.ctr-figure-curr .ctr-figure-image{ border:2px solid #000;}
.ctr-figure-curr .ctr-figure-name { background:#000; color:#FFF;}
.ctr-figure-curr .ctr-figure-more-bg{ border-color:#000 transparent transparent transparent; }
.ctr-figure-curr .ctr-figure-more { color:#FFF;}

.person-frame-male .ctr-figure-image{ background-color:#a7cbca}
.person-frame-female .ctr-figure-image{ background-color:#dfa296}

.ctr-info{ display:none; width:60px; height:130px; padding-left:10px; position:absolute; left:100px; top:0;}
.ctr-info-arrow{ width:0; height:0; line-height:0; font-size:0; border-style:solid; border-width:6px; border-color:transparent #fff transparent transparent; position:absolute; left:0; top:10%;}
.ctr-info-theme{ width:40px; height:130px; overflow:hidden; background-color:#FFF; text-align:center; padding:0px 5px 0;}
.ctr-info-theme a{ display:block; font-size:12px; border-bottom:1px solid #CCC; height:31px; line-height:30px;}
.ctr-info-theme a:last-child{ border:none;}
.ctr-info-theme a:hover{ color:#09F;}

.option-edit-box{}
.option-edit-box-bg{ width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,.5); z-index:11;}
.option-edit-box-modal{ bottom:0; left:0; outline:0 none; overflow:auto; position:fixed; right:0; top:0; z-index:20; }
.option-edit-box-main{ background:#ffffff; height:auto; margin:20px auto; max-width:320px; width:auto;}
.option-edit-box-main .mt{ position:relative;  background:#e6e6e6; line-height:40px; padding:0 0 0 15px;}
.option-edit-box-main .mt .ico-closed{ width:40px; right:0px; top:0px; height:40px; line-height:40px; color:#000;}
.option-edit-box-main .mc{ padding:15px;}
.option-edit-box-main .mc .item{ margin-top:15px; overflow:hidden; clear:both;}
.option-edit-box-main .mc .item:first-child{ margin-top:0;}

.datum .title{ display:block; border-bottom: 1px solid #e6e6e6; line-height: 30px;}
.datum .title span{ color:#888; font-weight:bold;}
.datum .title i{ 
	color:#000; font-weight:bold; font-family:"宋体"; float:right;
	padding:0 10px;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg); 	/* Opera */
}
.datum .offon i{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 	/* Opera */	
}

.datum .title:hover span,.datum .title:hover i{ color:#09F;}
.datum .collapse{ padding-top:10px;}

.form-textarea{ background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#555;display:block;font-size:14px;height:34px;line-height:1.42857;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;width:100%; }
.form-group { padding-bottom:15px;}
.form-group .btn{ font-size:14px; display:inline-block; cursor:pointer; vertical-align:middle; line-height:26px; padding:0 10px; width:90px; margin-top:10px;}
.form-group label{display:inline-block;margin-bottom:5px;width:100%}
.form-group input{cursor:text;height:28px;padding-left:5px;width:100%}

.btn-orange{ background-color:#f50; border-color:#e04b00;color:#fff}
.btn-orange:hover,.btn-orange.active{ background-color:#cc4400; border-color:#a33660;}
.btn-danger{background-color:#d9534f;border-color:#d43f3a;color:#fff}
.btn-danger:hover{ background-color:#c9302c; border-color:#ac2925;}

.btn-group{ overflow:hidden;}
.btn-group .btn{ float:left; width:50%; text-align:center; margin:0px;}

.it_image{ width:100px; height:100px; float:left; overflow:hidden; margin-right:10px; position:relative; text-align:center; background:#CCC;}
.it_image.female{ background-color:#dfa296;}
.it_image.male{ background-color:#a7cbca}
.it_image .avatar-img{ width:100%;}
.it_image .file-label{ background-color:rgba(255,255,255,.6);bottom:0;color:#666;left:0;margin:35px 10px;padding:6px 0;position:absolute;right:0;text-align:center;top:0}
.it_image>input{ cursor:pointer;direction:ltr;font-size:23px;height:100%;margin:0;opacity:0;position:absolute;right:0;top:0;width:100%}
.it_text{ width:auto; display:inherit; padding-left:110px;}
.it_text input:not([type="file"]){ line-height:26px; margin-bottom:5px; width:98%; padding-left:2%;}

.option-edit-box-main .form-group button{ width:100%;}	
.option-edit-box-main .mc .item .form-textarea{ height:auto; border-radius:0;}

/*上传头像*/
#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}

.action_main{position:fixed;top:70px;right:10px;z-index:9999;color:#FFF}
.action_main button i{color:#FFF}
.action_main button:hover{background:#000;cursor:pointer}
.location-btn,.relational-btn{background-color:rgba(0,0,0,.6);border:medium none;color:rgba(255,255,255,.8);height:30px;position:absolute;right:14px;top:34px;width:30px}
.relational-btn{top:0}
.x_activity{background-color:rgba(0,0,0,.6);position:absolute;right:14px;top:68px;width:30px}
.sliver_btn{ background-color:transparent;border:medium none;color:rgba(255,255,255,.8);height:30px;width:30px; cursor:pointer;}
.sliver_btn i{color:#FFF;font-weight:700;font-size:16px}
.sliver_zoom_control{background-color:#726e67;border:medium none;border-radius:0;box-shadow:none;height:200px;left:13px;opacity:.6;transition:opacity .2s linear 0s;width:4px;position:relative}
.noUi-pips{position:absolute;height:260px;width:80px;left:-94px;top:-30px;color:#FFF;background:url(../../images/jiapu/noui_pips.png)}
.noUi-handle{width:20px;height:11px;background:#e8e7e6;border-radius:1px;position:absolute;left:-8px;bottom:0px;margin:0 0 -5px 0}
.sliver_zoom_control:hover{background:#999;cursor:grab}
.sliver_zoom_control:hover .noUi-handle{background:#999}
.female{}
.full-name-t{ width}
.c-3B3B3B{ color:#3b3b3b;} 
.fz64{ font-size:64px;} 
.fz62{ font-size:62px}
.fz42{ font-size:42px;}
.b-a7cbca{ background-color:#a7cbca;}
.b-dfa296{ background-color:#dfa296}
.male-small{ background-color:#a7cbca;   text-align:center; line-height:1.2;}
.female-small{ background-color:#dfa296;  text-align:center; line-height:1.2; /*width:80px;*/}

.container .female .name{ font-size:58px; text-align:left;   width:62px; margin-left:19px; display:block; text-indent:0px;}
.container  { text-align:center;  height:145px; padding-top:5px; }
.container .female  { text-align:center;  width:100px; display:block;}


.add-figure-box-txt .sible-box{ width:80px; height:40px; line-height:40px; float:left; text-align:center; color:#666; margin:0 20px 10px 0; cursor:pointer;}

.sible-box-boy{ background-color:#a7cbca;}
.sible-box-boy:hover{ background-color:#7aa39f;}

 .more-href{ width:150px; position:absolute;; display:none; z-index:999;}
.more-href li{  line-height:30px; display:block;    
            border-color: #2e6da4;
            padding: 2px 5px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 4px;
            margin-right: 10px;
            background-color:#fff;
}
.more-href li:hover, .more-href li a:hover{  background-color:#286090;  color:#fff;}

.jp_icon{ width:18px; height:18px; display:inline-block; background-color:red;
    margin-right: 5px;
    margin-bottom: -3px;
}
/*../../images/jiapu/*/
.jp_icon_search{ background-image:url(../../images/jiapu/jp_search.png); }
.jp_icon_add{ background-image:url(../../images/jiapu/jp_add.png); }
.jp_icon_book{ background-image:url(../../images/jiapu/jp_book.png); }
.jp_icon_xuyan{ background-image:url(../../images/jiapu/11.png); }
.jp_icon_list{ background-image:url(../../images/jiapu/jp_list.png); }
.jp_icon_pic{ background-image:url(../../images/jiapu/jp_pic.png); }
.jp_icon_down{ background-image:url(../../images/jiapu/jp_down.png); }
.jp_icon_share{ background-image:url(../../images/jiapu/6.png); }
.jp_icon_screen_full{ background-image:url(../../images/jiapu/jp_screen_full.png); }
.jp_icon_screen{ background-image:url(../../images/jiapu/jp_screen.png); }
.jp_icon_more{ background-image:url(../../images/jiapu/12.png); }
.jp_icon_tubiao{ background-image:url(../../images/jiapu/2.png); }
.jp_icon_kuaibian{ background-image:url(../../images/jiapu/9.png); }
.wxqrcode
{
        float: left;
        margin-right: 10px;
}
.share-panel
{
    padding :10px;
    line-height:2.0;
    font-size:16px;
}
.share-panel input
{
    padding:5px;
}

.node-text
{
        border-color: #2e6da4;
        padding: 2px 5px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
                
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid   rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        margin-right:10px;
}
.node-name
{
        color: #fff;
        background-color: #337ab7;
               
}
         
.container   .tree-title
 {  
     font-size:14px;
 }
.container   .tree-node {
    height: 25px;
    padding:5px 5px 5px 5px;
}
.container  .user-man{     background: url('../../images/jiapu/i_20.png') no-repeat 0 0;
               width: 20px;
               height: 20px;
               background-position: -0 -300px;
}
.container  .user-woman  
{
     background: url('../../images/jiapu/i_20.png') no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-position: -20px -300px;
    }
 .search_group{ line-height:20px;}
 .tree-expanded{ height:25px;  width:25px;}
 
 .container .tree-node {
    height: 30px;
    padding: 5px 5px 5px 5px; 
}

 .container .tree-indent {
    display: inline-block;
    width: 16px;
    height: 18px;
    vertical-align: top;
    overflow: hidden;
}

 .ajp_scale{left:0;position:absolute;top:0; z-index:2;}
.ajp_scale .ajp_scale_mian{overflow:hidden}
.ajp_scale .ajp_scale_mian ul{list-style:outside none none;padding:0}
.ajp_scale .ajp_scale_mian .sc_item{background-color:rgba(225,35,48,.06);border-top:2px solid #cbb163;color:#000;padding-left:10px;padding-right:10px; font-weight:bold;}
.ajp_scale .ajp_scale_mian .sc_item .text_size_big span{bottom:0;left:0;line-height:1em;margin:auto;position:absolute;right:0;top:0}

.ajp_scale .ajp_scale_mian .sc_item:last-child{border-bottom:2px solid #cbb163}
.ajp_scale .ajp_scale_mian .sc_item.curr,
.ajp_scale .ajp_scale_mian .sc_item:hover{background-color:#d3be81;color:#fff}
.ajp_scale .ajp_scale_mian .sc_item .text_size_big{position:relative;width:20px}
.ajp_scale .ajp_scale_mian .sc_item .text_size_big span{ height:3rem;}
.ajp_scale .ajp_scale_mian .sc_item .text_size_small{display:none}
.ajp_scale .ajp_scale_mian .sc_item.small .text_size_big {display:none}
.ajp_scale .ajp_scale_mian .sc_item.small .text_size_small{display:block}
.edit-panel{text-align:left; display:none;}
.bk-dock .btn-gotop {
    background-image: url(../../images/jiapu/ico_gotop.png);
}
.bk-dock {
    right: 30px;
}
.bk-dock {
    bottom: 55px;
    position: fixed;
    right: 10px;
    width: 52px;
    z-index: 16;
}
.bk-dock .btn-dir, .bk-dock .btn-gotop {
    background-size: 52px 55px;
    box-sizing: border-box;
    display: block;
    height: 55px;
    margin-top: -2px;
    position: relative;
    width: 52px;
} 
.container .female-3 
{
     padding-left:10px; 
}
.container .female-3 .name
{
     font-size:40px;
     font-weight:bold;
}

.small .container {
    text-align: center;
    height: 70px;
    padding-top: 1px;
}
.small .container .female .name {
    font-size: 29px;
    text-align: left;
    width: 30px;
    margin-left: 9px;
    display: block;
    text-indent: 0px;
}
.small .container .female {
    text-align: center;
    width: 50px;
    display: block;
}
.small .container  {
    width: 50px;
}

.small .container .female-3 
{
     padding-left:5px; 
}
.small .container .female-3 .name
{
     font-size:20px;
     font-weight:bold;
}
.small .sc_item{ }